naming 名付け 命名

TODO

分割する

関数関連の命名は多いが、UI関連の命名情報少ない

思考フレーム

整理してないので、整理する。

システムにおける業務から連想される名前

UIから連想される名前

デザインの概念として何か？を考える

このパーツはつまり何だろう？

ボタン、つまりタップできる範囲はどこが適切かな？

同じ目的で他でも流用されるもの？

1つの大きな UI Component

複合的な UI Components

スタイル

画面レイアウトのためのスタイル (layout mainやheaderとか)

純粋なUIスタイル (common UI的な, cardとかnavigationとか)

そのドメインを表すためのスタイル (各ドメインに即したUIやスタイル)

あるドメインのtitleやplaceは分かるけど、ドメインのbottomは分からないなぁ

ドメインに即したclassなのに、layoutが同列にあると分かりにくい。

ドメインを並べるスタイル (〇〇リストみたいなある独自のドメイン機能限定のlayoutとか)

より良い名前

詳細度高める

そのブロックや情報の性質で、より詳細な名前をつける

items,item,item-col2→columns,column,column-2

縦に並べる性質がある

ファイル名、class名統一してほしい

間違える

header,body,footerのような身体メタファー

Styling 観点

UI の目的

layout、枠

中身

中身は自由

中身は決まってる

汎用的な入れ物？

レイアウトするもの？

機能的なUI？

特定のデータを入れる特定の使い道のもの？

悪い傾向

item使うと大体、肥大化しがち

やめておいたほうが良い。

TODO

参考

後で読む